<template>
	<view class="u-p-35">
		<view v-for="(item,index) in list" :key="index" class="u-flex u-p-l-20 u-p-r-20 u-row-between" style="height: 80rpx;background-color: #fff;border-bottom: 1px solid #f2f2f2;">
			<view class="u-flex">
				<image :src="item.icon" style="width: 40rpx;height: 40rpx;margin-right: 20rpx;" mode=""></image>
				<view class="">
					{{item.name}}
				</view>
			</view>
			<view class="" @touchstart="touchstartFn" @touchmove="touchmoveFn">
				<u-icon name="list" size="40" ></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				list:[
					{"name": "花呗", "icon": "/static/order/beizhu.png"},
					{"name": "余额宝","icon": "/static/order/beizhu.png"},
					{"name": "账户余额","icon": "/static/order/beizhu.png"},
					{"name": "交通银行信用卡(0001)","icon": "/static/order/beizhu.png"},
					{"name": "中国建设银行信用卡(4401)","icon": "/static/order/beizhu.png"},
					{"name": "网商储蓄卡(7223)","icon": "/static/order/beizhu.png"}
				],
			}
		},
		methods:{
			touchstartFn(e){
				console.log(e);
			},
			touchmoveFn(e){
				console.log(e);
			},
		}
		
	}
</script>

<style>
</style>